require([
    "jquery",
    "jQuery.ui.timepicker"
], function($) {
    $(document).ready(function() {
        var itinerarioCount = 0;
        
        $('#agregarItinerario').click(function(e) {
            e.preventDefault();
            
            var dia = $('#dia').val();
            var hora_inicio = $('#hora_inicio').val();
            var hora_fin = $('#hora_fin').val();
            
            if(dia == "" || hora_inicio == "" || hora_fin == ""){
                alert('Debe seleccionar el dia y las horas para poder agregar un itinerario');
            } else {
                var jornada = hora_inicio + ' - ' + hora_fin;
                var composeid = dia + ', ' + jornada;
                
                if ($('#itinerarios tr[data-composeid="' + composeid + '"]').length == 0) {
                    var itinerario = $('<tr>').attr('data-composeid', composeid)
                            .append($('<td>').text(dia)
                                .append($('<input>').attr('name', 'capacitacion[itinerario]['+ itinerarioCount +'][dia]').attr('type', 'hidden').attr('value', dia)))
                            .append($('<td>').text(jornada)
                                .append($('<input>').attr('name', 'capacitacion[itinerario]['+ itinerarioCount +'][jornada]').attr('type', 'hidden').attr('value', jornada)))
                            .append($('<td>')
                                .append($('<button>').attr('class', 'small icon i_trashcan borrarItinerario').text('Eliminar')));

                    $('#itinerarios').prepend(itinerario);
                    itinerarioCount++;
                } else {
                    alert('Ya existe un itinerario igual al que desea agregar');
                }
            }
        });
        
        $.datepicker.regional['es'] = {
		closeText: 'Cerrar',
		prevText: '&#x3C;Ant',
		nextText: 'Sig&#x3E;',
		currentText: 'Hoy',
		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
		'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
		'Jul','Ago','Sep','Oct','Nov','Dic'],
		dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
		dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
		weekHeader: 'Sm',
		dateFormat: 'dd/mm/yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['es']);
        
        $('.date').datepicker({
            yearRange: "c-0:c+1",
            dateFormat: "DD, dd 'de' MM, yy",
            changeMonth: true,
            changeYear: true
        });

        $('.hour').timepicker({
            timeFormat: "hh:mm tt",
            stepMinute: 10,
            controlType: 'select',
            timeOnlyTitle: 'Selector de Hora',
            hourText: 'Hora',
            minuteText: 'Minutos',
            showTime: false,
            showButtonPanel: false
        });

        $('.borrarItinerario').live('click', function(e) {
            e.preventDefault();
            $(this).parent().parent().remove();
        });

        $('.save').click(function(e) {
            if ($('#itinerarios tr').length == 0) {
                e.preventDefault();
                alert('Debe agregar almenos un itinerario');
            }
        });
    });
});